<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  	<meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
  	<title>我的评论</title>
  	<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
  	<link rel="stylesheet" type="text/css" href="../../css/app.css" />

	  <style type="text/css">

			body {
				background:rgba(240,241,242,1);
				/*background-color:white;*/
			}
	
	
			.aui-tab .aui-tab-item {
				height: 2.5rem;
				line-height: 2.5rem;
				font-size: 0.8rem;
			}
	
			.aui-tab .aui-tab-item span {
				display: inline-block;
				height: 100%;
				padding: 0 .5rem;
				font-size: .75rem;
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: rgba(34, 34, 34, 1);
			}
	
			.ming-card-list {
				background-color: #FFFFFF;
				padding: 0 .75rem;
				margin-bottom: .5rem;
			}
	
			.ming-card-list-header {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 0.5rem;
				padding-top: .75rem;
			}
	
			.ming-card-list-header-avatar img {
				width: 1.7rem;
				border-radius: 50%;
			}
	
			.ming-card-list-header-userinfo {
				flex: 1;
				margin-left: 0.3rem;
			}
	
			.ming-card-list-content {
				margin-bottom: .5rem;
				display: inline-block;
				width: 88.5%;
				font-size: .8rem;
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: rgba(34, 34, 34, 1);
				float: right;
			}
	
			.ming-card-list-content-img {
				/*padding-top: 0.5rem;*/
				padding-bottom: 0.75rem;
			}
	
			.ming-card-list-content-img img {
				border-radius: 0.2rem;
			}
	
			.ming-card-list-content-img .aui-row .aui-col-xs-4 {
				padding: 0 0.25rem;
			}
	
			.ming-card-list-footer {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				padding-top: 0rem;
				margin: 0 1.4rem;
			}
	
			.ming-card-list-footer img {
				width: 1.1rem;
				display: inline-block;
				vertical-align: middle;
			}
	
			.sanjiao {
				margin-left: 15px;
				width: 0;
				height: 0;
				border-left: 9px solid transparent;
				border-right: 9px solid transparent;
				border-bottom: 14px solid #F5F5F5;
			}
			/*.tag-time {
					display: inline-block;
					background-color: #FF3862;
					color: #FF6642;
					height: 1rem;
					width: 1rem;
					line-height: 1rem;
					font-size: 0.6rem;
					border-radius: 3px;
				}*/
	
			.tag-time {
				display: inline-block;
				/*background-color: #FF3862;*/
				height: 1rem;
				width: 1.3rem;
				line-height: 1rem;
				border-radius: .15rem;
				font-size: .9rem;
				font-family: Akrobat-Bold;
				font-weight: bold;
				color: rgba(255, 102, 66, 1);
			}
	
			.ming-active-goods-list {
				padding: 0 0.75rem;
			}
	
			.ming-active-goods-list-item {
				padding: 0rem 0;
				display: flex;
				flex-direction: row;
			}
	
			.ming-active-goods-list-item:first-child {
				padding-top: 0;
			}
	
			.ming-active-goods-list-item-img img {
				width: 4.3rem;
				border-radius: 5px;
			}
	
			.ming-active-goods-list-item-right {
				padding-left: 0.75rem;
				display: flex;
				flex: 1;
				flex-direction: column;
				justify-content: space-between;
			}
	
			.aui-progress.sm,
			.aui-progress-sm,
			.aui-progress.sm .aui-progress-bar,
			.aui-progress-sm .aui-progress-bar {
				border-radius: 0.5rem;
			}
	
			.overlap {
				font-size: .5rem;
				font-family: PingFangSC-Medium;
				font-weight: 500;
				color: rgba(255, 255, 255, 1);
				line-height: 0.7rem;
				text-align: left;
				padding-top: 1px;
				padding-left: 0.3rem;
				position: relative;
				z-index: 1;
			}
	
			.aui-progress-sm {
				width: 50%;
				background-color: #F6F6F6;
				/*border: 1px solid #FF3862;*/
				margin: 0.2rem 0;
			}
	
			.aui-progress-bar {
				/*background-color: #FF3862;*/
				background: linear-gradient(135deg, rgba(227, 234, 86, 1) 0%, rgba(162, 225, 58, 1) 100%, rgba(122, 174, 229, 1) 100%);
			}
	
			.tag-tuangou {
				display: inline-block;
				font-size: 0.8rem;
				color: #FFFFFF;
				background-color: #FF3862;
				height: 1.4rem;
				line-height: 1.4rem;
				padding: 0 1.1rem;
				border-radius: 1.4rem;
				box-shadow: 0 5px 10px RGBA(255, 210, 210, 0.7);
			}
	
			.fade-enter-active,
			.fade-leave-active {
				transition: opacity 0.3s linear;
			}
	
			.fade-enter,
			.fade-leave-to {
				opacity: 0;
			}
	
			.aui-ellipsis-2 {
				-webkit-line-clamp: 2;
				max-height: 2.2rem;
			}
	
			.linear span {
				position: relative;
				background: linear-gradient(-152deg, #ee02fd, #9972e6);
				background: -webkit-linear-gradient(-152deg, #ee02fd, #9972e6);
				color: #72D5EF;
				-webkit-background-clip: text;
				-webkit-text-fill-color: rgba(114, 213, 239, 1);
				border-bottom: 0.1rem solid #72D5EF;
				border-bottom-left-radius: 0.05rem;
				border-bottom-right-radius: 0.05rem;
				font-size: 0.75rem;
				font-family: PingFangSC-Medium;
				font-weight: 500;
				color: rgba(114, 213, 239, 1);
			}
	
			.tab-item {
				width: 100%;
				height: 2.2rem;
				line-height: 2.2rem;
				position: relative;
				font-size: 0.7rem;
				text-align: center;
				color: #666666;
				margin-left: -1px;
				-webkit-box-flex: 1;
				box-flex: 1;
			}
	
			.swit {
				color: red;
			}
	
			.aui-col-xs-4 {
				width: 33.33333333%;
				margin: 0;
				padding: 0;
				margin-bottom: .5rem;
			}
	
			.circle_tab {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 0.6rem 1.1rem 0 1.1rem;
				font-size: 0.75rem!important;
				font-family: PingFangSC-Regular!important;
				font-weight: 400!important;
				color: rgba(34, 34, 34, 1)!important;
				border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);
			}
	
			.circle_tab_item {
				padding: 0 0.5rem 0.4rem 0.5rem;
			}
	
			.active_active_tab {
				font-family: PingFangSC-Medium;
				font-weight: 500;
				color: rgba(0, 90, 147, 1);
				border-bottom: 0.03rem solid rgba(0, 90, 147, 1);
				border-radius: 0.05rem;
			}
	
			.newest {
				padding: 0.75rem;
				padding-bottom: 0;
				/*border-bottom: 0.5rem solid rgba(246, 246, 246, 1);*/
				margin: 0.7rem;
				background-color: white;
				border-radius:8px;
				
				/*border: 1px solid black;*/
			}
	
			.newest_head {
				display: flex;
				/*padding-left: 0.5rem;*/
			}
	
			.headPortrait {
				width: 1.7rem;
				height: 1.7rem;
				margin-right: 0.3rem;
				margin-top: 0.55rem;
			}
	
			.headPortrait img {
				border-radius: 50%;
			}
	
			.newest_name_time {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: flex-start;
				margin-right: auto;
				margin-top: 0.55rem;
			}
	
			.newest_name {
				font-size: 0.7rem;
				font-family:PingFangSC-Medium,PingFang SC;
				font-weight: 500;
				color: rgba(46, 46, 46, 1));
				margin-bottom: 0.1rem;
			}
	
			.newest_time {
				font-size: 0.5rem;
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: rgba(153, 153, 153, 1);
			}
	
			.more_circle{
				display: inline-block;
				width: 1rem;
				height: 1rem;
				margin-top: 0.55rem;
				/*padding-top: 0.5rem;*/
			}
	
			.contTit{
				font-size:0.8rem;
				font-family:PingFangSC-Medium,PingFang SC;
				font-weight:500;
				color:rgba(46, 46, 46, 1);
				line-height:1rem;
				white-space: nowrap;
		  text-overflow: ellipsis;
		  overflow: hidden;
				/*padding-left: 0.5rem;*/
				width: 15.3rem;
				margin-top: 0.5rem;
				/*margin: 0.5rem 0 0.5rem 2rem;*/
			}
	
			.newest_cont {
				/*margin: 0.5rem 0 0 0.6rem;*/
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
				font-size: 0.7rem;
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: rgba(128, 128, 128, 1);
				margin-top: 0.3rem;
				/*width: 15.3rem;*/
				/*height: 3rem;*/
				/*border: 1px solid black;*/
	
			}
			.newest_cont p{
				color: rgba(128, 128, 128, 1);
				overflow: hidden;
				text-overflow: ellipsis;
				/*white-space: nowrap;*/
				height: 1rem;
				margin: 0;
				/*display: inline-block;*/
			}
			.newest_cont img{
				display: none;
			}
			/*.newest_cont >>> *{
				 overflow: hidden;
		 }*/
			.newest_banner {
				/*margin-left: 2.05rem;*/
				width: 15.25rem;
				margin: 0 0.75rem 0 2rem;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				padding-bottom: 0.75rem;
				border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);
			}
	
			.newest_banner:after {
				content: '';
				width: 4.95rem;
			}
	
			.newest_banner img {
				width: 4.95rem;
				height: 4.95rem;
				display: block;
				border-radius: 0.2rem;
			}
	
			.newest_banner_only {
				/*padding-bottom: 0.75rem;
				border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);*/
			}
	
			.newest_banner_only img {
				width: 15.25rem;
				height: 8.6rem;
				border-radius: 0.2rem;
				display: block;
			}
			/*点赞 评论 收藏*/
			/*#comment_wraper {
				margin-left: 2.05rem;
				display: flex;
				padding: 0.75rem 0.75rem 0.75rem 0;
				justify-content: space-around;
			}
	
			#comment_wraper>div {
				display: flex;
			}
	
			#comment_wraper>div img {
				width: 0.9rem;
				height: 0.85rem;
				margin-right: 0.15rem;
			}
	
			#comment_wraper>div span {
				font-size: 0.6rem;
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight: 400;
				color: rgba(128, 128, 128, 1);
			}*/
	
			#comment_wraper{
				border-top: 1px solid rgba(192, 192, 192, 0.2);
				display: flex;
				justify-content: space-around;
				margin-top: 0.5rem;
				/*margin-left: 0.5rem;*/
			}
			.wraperImg{
				width: 0.8rem;
				height: 0.8rem;
			}
			.wraperSpan{
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:400;
				color: rgba(128, 128, 128, 1);
				display: inline-block;
				font-size: 0.65rem;
				line-height: 0.8rem;
				margin-left: 0.2rem;
			}
			.zanBox{
				/*border: 1px solid black;*/
				display: flex;
				justify-content: flex-start;
				padding: 0.2rem;
				margin: 0.35rem;
			}
			.pingBox{
				/*border: 1px solid black;*/
				display: flex;
				justify-content: flex-start;
				padding: 0.2rem;
				margin: 0.35rem;
				/*margin-left: 0.8rem;*/
			}
			.cangBox{
				/*border: 1px solid black;*/
				display: flex;
				justify-content: flex-start;
				padding: 0.2rem;
				margin: 0.35rem;
			}
	
			.latestRelease {
				border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);
				display: flex;
				align-items: center;
				padding: 0.75rem 0.75rem 0.9rem 0.75rem;
			}
	
			.latestRelease>div>div {
				display: flex;
				align-items: center;
			}
	
			.latestRelease>div>div img {
				width: 0.55rem;
				height: 0.6rem;
				margin-right: 0.25rem;
				font-size: 0.7rem;
			}
			/*最新发布*/
			.latestRelease_first {
				/*border: 1px solid black;*/
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: rgba(187, 187, 187, 1);
				background:rgba(240,241,242,1);
				border-radius:20px;
				/*padding: 0.5rem;*/
				text-align: center;
				line-height: 0.4rem;
				font-size: 0.65rem;
				padding-left: 0.75rem;
				width: 4rem;
				height: 1.35rem;
			}
	
			/*最新发布*/
			.latestRelease_first_active {
				/*border: 1px solid black;*/
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: rgba(0, 90, 147, 1);
				background:rgba(242,247,250,1);
				border-radius:20px;
				/*padding: 0.5rem;*/
				text-align: center;
				line-height: 0.4rem;
				font-size: 0.65rem;
				padding-left: 0.75rem;
				width: 4rem;
				height: 1.35rem;
			}
	
			.line_news {
				margin-right: 0.75rem;
				margin-left: 0.75rem;
			}
	
			/*被赞最多*/
			.latestRelease_second_active {
				/*border: 1px solid black;*/
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: rgba(0, 90, 147, 1);
				background:rgba(242,247,250,1);
				border-radius:20px;
				/*padding: 0.5rem;*/
				text-align: center;
				line-height: 0.4rem;
				font-size: 0.65rem;
				padding-left: 0.75rem;
				width: 4rem;
				height: 1.35rem;
			}
	
			.latestRelease_second {
				/*border: 1px solid black;*/
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: rgba(187, 187, 187, 1);
				background:rgba(240,241,242,1);
				border-radius:20px;
				/*padding: 0.5rem;*/
				padding-left: 0.75rem;
				text-align: center;
				line-height: 0.4rem;
				font-size: 0.65rem;
				/*padding: 0.6rem;*/
				width: 4rem;
				height: 1.35rem;
			}
	
			.seckill_header {
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 1.05rem 0 0.55rem 0;
			}
	
			.seckill_header_time {
				display: flex;
				width: 3.6rem;
				font-size: 0.9rem;
				font-family: Akrobat-Bold;
				font-weight: bold;
				color: rgba(255, 102, 66, 1);
				line-height: 1.1rem;
				justify-content: space-between;
				;
			}
	
			.left_line {
				width: 3.65rem;
				height: 1px;
				background: rgba(198, 198, 198, 0.5);
				margin-right: 0.6rem;
			}
	
			.right_line {
				width: 3.65rem;
				height: 1px;
				background: rgba(198, 198, 198, 0.5);
				margin-left: 0.4rem;
			}
	
			.seckill_detail {
				display: flex;
				padding: 0.7rem 0.7rem 0 0.7rem;
				background:rgba(255,255,255,1);
				border-radius:8px;
				height: 3rem;
			}
	
			.seckill_detail .left_img {
				width: 5rem;
				height: 5rem;
				border-radius: 0.2rem;
				margin-right: 0.75rem;
			}
	
			.seckill_detail .left_img img {
				border-radius: 0.2rem;
				width: 100%;
				height: 100%;
			}
			.right_cont{
				/*border: 1px solid black;*/
			}
	
			.right_cont_title {
				width: 10.2rem;
				font-size: 0.7rem;
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: rgba(34, 34, 34, 1);
				line-height: 1rem;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				margin-bottom: 0.5rem;
			}
	
			.sale_count {
				width: 7.1rem;
				height: 0.7rem;
				background: rgba(246, 246, 246, 1);
				border-radius: 0.35rem;
				font-size: 0.5rem;
				font-family: PingFangSC-Medium;
				font-weight: 500;
				color: rgba(153, 153, 153, 1);
				line-height: 0.7rem;
				padding-left: 0.5rem;
				margin-bottom: 0.7rem;
				padding-top: 1px;
			}
	
			.seckill_btn {
				display: flex;
				justify-content: space-between;
				/*border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);*/
				/*border: 1px solid black;*/
				padding-top: 0.35rem;
			}
	
			.buy_immediately {
				width: 3rem;
				height: 2.2rem;
				background: linear-gradient(270deg, rgba(0, 130, 213, 1) 0%, rgba(0, 90, 147, 1) 100%);
				border-radius: 0.2rem;
				text-align: center;
				line-height: 0.65rem;
				font-size: 0.7rem;
				font-family: PingFangSC-Regular;
				font-weight: 500;
				color: rgba(255, 255, 255, 1);
				margin-bottom: 0.8rem;
				padding-top: 0.5rem;
				margin-right: 0.5rem;
			}
	
			.buy_immediately_ms {
				/*border: 1px solid black;*/
				width: 3rem;
				height: 2.2rem;
				background: linear-gradient(270deg, rgba(252, 125, 74, 1) 0%, rgba(247, 48, 36, 1) 100%);
				border-radius: 0.2rem;
				text-align: center;
				line-height: 0.65rem;
				font-size: 0.65rem;
				font-family: PingFangSC-Regular;
				font-weight: 500;
				color: rgba(255, 255, 255, 1);
				/*margin-bottom: 0.8rem;*/
				padding-top: 0.5rem;
				margin-right: 0.5rem;
			}
	
			.buyNum{
				margin-top: 0.2rem;
				text-align: center;
				font-size:0.3rem;
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:400;
				color:rgba(255,255,255,0.88);
				line-height:8px;
			}
	
			.buy_immediately_end {
				width: 3.6rem;
				height: 1.4rem;
				background: rgba(238, 238, 238, 1);
				border-radius: 0.2rem;
				text-align: center;
				line-height: 1.4rem;
				font-size: 0.65rem;
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: rgba(255, 255, 255, 1);
				margin-bottom: 0.8rem;
			}
	
			.picture-list {
				overflow: hidden;
				/*margin-left: 2rem;*/
				border-bottom: 1px solid rgba(238, 238, 238, 0.5);
			}
	
			.is_img_padding {
				padding-bottom: 0.75rem;
			}
	
			.picture-list .li {
				float: left;
				width: calc(33.33% - 0.14rem);
				margin-right: 0.2rem;
				margin-bottom: 0.06rem;
				height: 4.95rem;
				/*border: 1px solid red;*/
			}
	
			.picture-list .li:nth-child(3n) {
				margin-right: 0;
			}
	
			.picture-list .li img {
				width: 100%;
				height: 100%;
				border-radius: 0.2rem;
			}
	
			.btn_refresh {
				width: 10rem;
				height: 2rem;
				background: linear-gradient(135deg, rgba(132, 229, 255, 1) 0%, rgba(107, 180, 255, 1) 100%, rgba(122, 174, 229, 1) 100%);
				border-radius: 1.23rem;
				font-size: 0.8rem;
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: rgba(255, 255, 255, 1);
				margin: 0 auto;
				margin-top: 2rem;
				line-height: 2rem;
				text-align: center;
			}
	
			.btn_play {
				position: absolute;
				width: 1.8rem;
				height: 1.8rem;
				left: calc(50% - 0.9rem);
				top: calc(50% - 0.9rem);
				z-index: 1000;
			}
	
			.btn_play img {
				width: 100%;
				height: 100%;
			}
	
			.aui-progress.sm,
			.aui-progress-sm,
			.aui-progress.sm .aui-progress-bar,
			.aui-progress-sm .aui-progress-bar {
				border-radius: 0.5rem;
			}
	
			.aui-progress-sm {
				width: 50%;
				background-color: #FFFFFF;
				border: 1px solid #FF3862;
				margin: 0.2rem 0;
			}
	
			.aui-progress-bar {
				background-color: #FF3862;
			}
			/*进度条*/
	
			.aui-progress.sm,
			.aui-progress-sm,
			.aui-progress.sm .aui-progress-bar,
			.aui-progress-sm .aui-progress-bar {
				border-radius: 0.5rem;
			}
	
			.aui-progress-sm {
				background:rgba(240,241,242,1);
				/*margin: 0.2rem 0;*/
			}
	
			.aui-progress-bar {
				/*background-color: #FF3862;*/
				background: linear-gradient(135deg, rgba(227, 234, 86, 1) 0%, rgba(162, 225, 58, 1) 100%, rgba(122, 174, 229, 1) 100%);
			}
	
			.seckill_box{
				background:rgba(240,241,242,1);
			}
	
			.seckill_div{
				/*border: 1px solid #ccc;*/
				background:rgba(255,255,255,1);
				border-radius:8px;
				margin: 0.4rem;
				height:6.2rem;
			}
	
			.makeGroup_box {
				background: rgba(240, 241, 242, 1);
			}
			/*拼团信息*/
			.makeGroup {
				/*border: 1px solid #ccc;*/
				background: rgba(255, 255, 255, 1);
				border-radius: 8px;
				margin: 0.5rem;
				height: 6.2rem;
			}
	
			.makeGroup_num {
				display: inline-block;
				font-size: 0.4rem;
			}
	
			/*最新发布*/
			.newsBox{
				border-radius:8px;
				background-color: white;
				margin: 0.2rem;
				padding: 0.2rem;
				width: 17rem;
			}
	
			/*新加样式*/
			.imgBox{
				/*border-bottom: 1px solid rgba(238, 238, 238, 0.5);*/
				width: 15rem;
				/*height: 6rem;*/
				display: flex;
				justify-content:flex-start;
				flex-wrap:wrap;
				padding-bottom: 0.7rem;
				padding-top: 0.5rem;
				/*margin-left: 0.5rem;*/
			}
			.imgItem{
				width: 30%;
				height: 4.5rem;
				background:rgba(216,216,216,1);
				border-radius:4px;
				/*margin: 0.2rem;*/
				margin-left: 0.3rem;
				margin-top: 0.2rem;
	
			}
			.imgItem img{
				border-radius:4px;
				width: 100%;
				height: 100%;
			}
			.scekillTime{
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:500;
				color:rgba(46,46,46,1);
				font-size: 0.7rem;
				line-height: 0.65rem;
			}
			/*拼团现价*/
			.nowPrice{
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:400;
				color:rgba(233,0,0,1);
				font-size: 1rem;
				line-height: 0.5rem;
			}
			/*原价*/
			.oldPrice{
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:400;
				color:rgba(179,179,179,1);
				font-size: 0.5rem;
				line-height: 0.5rem;
			}
			/*秒杀数字*/
			.seckillNum{
				font-size: 0.8rem;
				font-family:PingFangSC-Medium,PingFang SC;
				font-weight:500;
				color:rgba(247,48,36,1);
				background:rgba(255,230,230,1);
			}
			/*星级盒子*/
			.starsBox{
				/*border: 1px solid black;*/
				/*width: 3.5rem;*/
				display: flex;
				justify-content: flex-end;
				padding: 0.2rem;
			}
			.starsItem{
				width: 0.8rem;
				height: 0.8rem;
				margin-top: 0.8rem;
			}
			.starsItem img{
			width:0.7rem;
			height:0.7rem
			}
			.order_name{
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:400;
				color:rgba(46,46,46,1);
				font-size: 0.75rem;
				/*margin-top: 0.5rem;*/
			}
			.time_distance{
				/*border: 1px solid black;*/
				height: 1rem;
				margin-top: 0.5rem;
				display: flex;
				flex-wrap:wrap;
				/*width: 6rem;*/
			}
			.timeText{
				font-size: 0.6rem;
				line-height: 0.5rem;
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:400;
				color:rgba(179,179,179,1);
			}
			.distanceText{
				font-size: 0.6rem;
				line-height: 0.5rem;
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:400;
				color:rgba(179,179,179,1);
				margin-left: 1rem;
			}
			.commentBox{
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:400;
				color:rgba(46,46,46,1);
				font-size: 0.75rem;
				line-height: 1rem;
				/*margin-top: 0.2rem;*/
				width: 15rem;
			}
			.replyBox{
				width: 15rem;
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:400;
				color:rgba(128,128,128,1);
				line-height: 1.2rem;
				font-size: 0.7rem;
				background:rgba(245,245,245,1);
				border-radius:4px;
				padding: 0.2rem;
				/*margin-top: 0.3rem;*/
				padding-left: 0.5rem;
				/*text-align: center;*/
			}
			.goGoods{
				width: 15rem;
				background:rgba(242,247,250,1);
				border-radius:8px;
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:400;
				color:rgba(0,90,147,1);
				display: flex;
				justify-content: space-around;
				margin-top: 0.5rem;
				font-size: 0.7rem;
				padding: 0.5rem;
				margin-bottom: 0.5rem;
			}
			.goodsName{
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:400;
				color:rgba(0,90,147,1);
		
				white-space:nowrap;
				text-overflow:ellipsis;
				overflow: hidden;
			}
			.goImg{
				/*width: 5rem;*/
				/*border: 1px solid black;*/
				height: 1rem;
				width: 2rem;
			}
			.goImg img{
				width:1rem
			}
			.showOrder{
			margin-right:0.1rem;
			background:rgba(240,241,242,1);	
			}
			.newest{padding-bottom:0.1rem}
		</style>
  </head>
  <body>
    <div id="app">
      <div class="showOrder">
      <div class="newest" style="padding-top:0;;" v-for="(item,index) in info" :key="index">
        <div class="newest_head">
          <!-- @click="openWin_circle_details(vo.id,'资讯详情',index1)" -->
          <div class="headPortrait" tapmode >
            <img :src="item.avatar" />
          </div>

          <div class="newest_name_time" tapmode @click="openWin_circle_details(item.id,'资讯详情',index1)">
            <div class="order_name">
              {{item.nickname}}
            </div>
          </div>
          <!-- 星级 -->
          <!-- v-if="item.star_num > 1" -->
          <div class="starsBox">
            <div class="starsItem" v-if="item.star_num > 0">
              <img src="../../image/icon/starsImg.png" alt="">
            </div>

            <div class="starsItem" v-if="item.star_num > 1">
              <img src="../../image/icon/starsImg.png" alt="">
            </div>

            <div class="starsItem" v-if="item.star_num > 2">
              <img src="../../image/icon/starsImg.png" alt="">
            </div>

            <div class="starsItem" v-if="item.star_num > 3">
              <img src="../../image/icon/starsImg.png" alt="">
            </div>

            <div class="starsItem" v-if="item.star_num > 4">
              <img src="../../image/icon/starsImg.png" alt="">
            </div>
          </div>
        </div>

        <!-- 时间 距离 -->
        <div class="time_distance">
          <div class="timeText">
            {{item.create_time}}
          </div>
          <div class="distanceText">
            {{item.good_sku}}
          </div>
        </div>

        <!-- 评价 -->
        <div class="commentBox">
          {{item.content}}
        </div>

        <!-- 评价图片 -->
        <div class="imgBox" v-if="item.img.length > 0">
          <div class="imgItem" tapmode v-for="(itemImg,index) in item.img" :key="index" @click.stop="showimg(item.img,index)">
            <img :src="itemImg" />
          </div>
        </div>

        <!-- 回复 -->
        <div class="replyBox"  v-if="item.remark" style="width:100%">
          官方回复：{{item.remark}}
        </div>

        <!-- 跳转到商品详情 -->
        <div class="goGoods"  @click="openWin_goods_detail(item.good_id)" style="width:100%">
          <div class="goodsName">
              {{item.good_name}}，点击进入商品详情商品祥…
          </div>
          <div class="goImg">
            <img src="../../image/icon/goGoods1.png" alt="">
          </div>
        </div>

      </div>
    </div>
	<div class="" v-if="info.length == 0" style="width:7.55rem;margin:6rem auto;text-align:center">
		<img src="../../image/icon/no_data.png" alt="">
		<div class="" style="font-size:0.75rem;font-family:PingFangSC-Regular;font-weight:400;color:#B3B3B3;line-height:1.05rem;margin-top:1.35rem">
			暂无数据
		</div>
	</div>

			
    </div>
  </body>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript" src="../../script/vue.js"></script>
  <script type="text/javascript" src="../../script/common.js"></script>

  <script type="text/javascript">
  var vm = new Vue({
    el: "#app",
    data: {
      page: 1,
      info:[],
      loadmore: true
    },
    methods: {
      // 获取资讯数据
			get_list: function() {
				get_data('api/good/myCommentList', {
					token: $api.getStorage('token'),
					page: vm.page
				}, function(ret) {
					// alert(JSON.stringify(ret))
					if (ret) {
						console.log(JSON.stringify(ret.data));
						if (ret.data.length < 20) {
							vm.loadmore = false
						} else {
							vm.loadmore = true
						}
					
							vm.info = ret.data
							vm.loadmore = false
						
					}
				})
			},

    }
  })
  apiready = function() {
    vm.get_list()

    fnInitScrollToBottom(function() {
				if (vm.loadmore) {
					vm.page += 1;
					init()
				}
			})
			// 新版刷新
		refresh_new(function() {
				setTimeout(function() {
					vm.loadmore = true
					vm.page = 1;
					vm.info = [];
					init()
					api.refreshHeaderLoadDone()
				}, 1000)
			})
			fnInitPullRefresh(function() {
			vm.get_list();
			api.refreshHeaderLoadDone();
			
		})

   
  }
	function init() {
		vm.get_list()
	}
  </script>
</html>
